let params = {
  pagenum: 1,
  pagesize: 2
};
//封装函数,获取文章
function renderArticle() {
  axios.get('/my/article/list', { params }).then(res => {
    let { status, data, total } = res.data;
    console.log(params);
    console.log(res.data);
    if (status === 0) {
      let str = ''
      data.forEach(item => {

        str += ` <tr>
        <td>${item.title}</td>
        <td>${item.cate_name}</td>
        <td>${item.pub_date}</td>
        <td>${item.state}</td>
        <td>
          <button type="button" class="layui-btn layui-btn-xs">编辑</button>
          <button type="button" class="layui-btn layui-btn-xs layui-btn-danger">删除</button>
        </td>
      </tr>`
      })
      $('tbody').html(str)
      showPage(total);
    }
  })
}
renderArticle();

//--------------------------分页----------------------------
let laypage = layui.laypage;
function showPage(x) {
  laypage.render({
    elem: 'page',
    count: x,
    limit: 7,
    //当前页加高亮
    curr: params.pagenum,
    limit: params.pagesize,
    /* 
    count（总条目输区域）
    prev（上一页区域）
    page（分页区域）
    next（下一页区域）
    limit（条目选项区域）
    refresh（页面刷新区域
    注意：layui 2.3.0 新增） 
    skip（快捷跳页区域） 
    */
    layout: ['limit', 'prev', 'page', 'next', 'first', 'count', 'skip'],
    jump: function (obj, first) {
      if (!first) {
        params.pagenum = obj.curr;
        params.pagesize = obj.limit;
        renderArticle();
      }
    }
  })
}
//---------------------------------筛选--------------------------------

axios.get('/my/category/list').then(res => {
  let { status, data } = res.data;
  if (status === 0) {
    let str = '';
    data.forEach(item => {
      str += `<option value="${item.id}">${item.name}</option>`
      console.log(item.id);
    })
    console.log(str);
    $('#category').append(str);
    let form = layui.form;
    form.render('select');
  }
})


$('#search').on('submit', function (e) {
  e.preventDefault();
  let cate_id = $('#category').val();
  let state = $('#state').val();
  if (cate_id) {
    params.cate_id = cate_id;
  } else {
    delete params.cate_id;
  }
  if (state) {
    params.state = state;
  } else {
    delete params.state;
  }
  params.pagenum = 1;
  renderArticle();
})